<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../js/jquery-2.2.3.min.js"></script>
		<link rel="stylesheet" href="../../css/position.css" />
	</head>

	<body>
		<div id="all">
			<div id="header">
				<a id="logoA" href="1homepage.html">
					<div id="logo"></div>
				</a>
				<div id="language">
					<span id="country">中国</span>
					<select name="" onchange="traditional(this)">
						<option value="Select Language">Select Language</option>
						<option value="English">English</option>
						<option value="Chinese">Chinese</option>
					</select>
					<span class="right">|</span>
					<a href="http://www.subway.com/en-us">进入全球官网</a>
				</div>
				<ul id="head">
					<a href="2news.html">
						<li>新闻动态<img src="../../img/menu_part.gif" /></li>
					</a>
					<a href="3foodMenu.html">
						<li id="down_text1"><span id="down_text11">美食与营养</span><img src="../../img/menu_part.gif" />
							<ul id="down_text">
								<a href="3foodMenu.html">
									<li>超值 Value</li>
								</a>
								<a href="3foodMenu.html">
									<li>经典 ClassIcs</li>
								</a>
								<a href="3foodMenu.html">
									<li>精选 Premlum</li>
								</a>
								<a href="3foodMenu.html">
									<li>低脂 Low Fat</li>
								</a>
								<a href="3foodMenu.html">
									<li>百味卷 Wrap</li>
								</a>
								<a href="3foodMenu.html">
									<li>沙拉 Salad</li>
								</a>
								<a href="3foodMenu.html">
									<li>聚餐服务 CaterIng</li>
								</a>
								<a href="3foodMenu.html">
									<li>饮料与小食 Drinks & Sldes</li>
								</a>
								<a href="3foodMenu.html">
									<li>早餐 BREAKFAST</li>
								</a>
								<a href="3foodMenu.html">
									<li>营养 NutritIon</li>
								</a>
								<a href="3foodMenu.html">
									<li>如何点餐 How TO Order</li>
								</a>
							</ul>
						</li>
					</a>
					<a href="4joinUs.html">
						<li>加盟流程<img src="../../img/menu_part.gif" /></li>
					</a>
					<a href="5aboutUs.html">
						<li>关于我们</li>
					</a>
					<a href="###" id="lastLi">
						<li>快餐店位置查询</li>
					</a>
				</ul>
			</div>
			
			<div id="contain">
				<div id="right">
					<img src="../../img/RecommendedLocation副本/rhu_local_01.jpg"/>
					<img src="../../img/RecommendedLocation副本/rhu_local_03.jpg"/>
					<img src="../../img/RecommendedLocation副本/rhu_local_05.jpg"/>
					<img src="../../img/RecommendedLocation副本/rhu_local_07.jpg"/>
					<img src="../../img/RecommendedLocation副本/rhu_local5.jpg"/>
				</div>
				<h3><span id="QA">面积需求</span><div id="bg"></div></h3>
				<div id="main">
					<p>经过十余年的积累与发展，目前赛百味在中国已开设近500家连锁加盟店，预计在未来的五年内这个数字可以突破1000家。因此能够获得更多优质的店址资源就变得非常重要和迫切。</p>
					<p>赛百味会是您非常好的房客。我们拥有国际知名的品牌认知度，高规格的餐厅营运标准，健全的管理体制保障合约的正常履行并能为您带来符合市场行情的租金收益。</p>
					<p>欢迎您做我们的房东。如果您有合适的位置可以<a href="###">填写这里</a>或联系我们的新店拓展负责人王先生<a href="###">wang_a@subway.com</a></p>
					<img src="../../img/RecommendedLocation副本/location_01.jpg"/>
					<img src="../../img/RecommendedLocation副本/location_02.jpg"/>
					<img src="../../img/RecommendedLocation副本/location_03.jpg"/>
					<h5>成都IFS店 45平米</h5>
					<h5>哈尔滨红博店 75平米</h5>
					<h5>天津武清店 120平米</h5>
				</div>
				<div id="main2">
					<p>45KW电量，有符合餐饮条件的上下水。对排油排烟排污没有专项要求。</p>
					<img src="../../img/RecommendedLocation副本/location_07.jpg"style="width: 600px;"/>
				</div>
				<div id="main3">
					<p>实际使用面积：标准店60-80平米，但45-120平米都在可考虑范围。</p>
					<img src="../../img/RecommendedLocation副本/location_04.jpg"/>
					<img src="../../img/RecommendedLocation副本/location_05.jpg"/>
					<img src="../../img/RecommendedLocation副本/location_06.jpg"/>
					<h5>上海虹桥机场店</h5>
					<h5>天津欢乐谷店</h5>
					<h5>山东文化东路大学城店</h5>
				</div>
				<div id="main4">
					<p>全球统一的赛百味餐厅形象。</p>
					<img src="../../img/RecommendedLocation副本/location_11.jpg" style="width: 600px;"/>
				</div>
			</div>
			
			<div id="foot">
				<a href="6position.html"><img src="../../img/home-box-1_CN.jpg" /></a>
				<a href="3foodMenu.html"><img src="../../img/home-box-2_CN.jpg" /></a>
				<a href="2news.html"><img src="../../img/home-box-3_CN.jpg" /></a>
				<a id="footImg" href="http://weibo.com/"><img src="../../img/weibo_CN.jpg" /></a>
				<a id="footImg1" href="###"><img src="../../img/weixin_CN.jpg" /><img id="erWei" src="../../img/F446097651218DD6122798254106BDE6.png" /></a>
			</div>
			<p id="footer">
				<a href="###">主页 |</a>
				<a href="###">菜单/营养 |</a>
				<a href="###">如何加盟 |</a>
				<a href="###">关于我们 |</a>
				<a href="###">快餐店位置查询</a>
				<br />
				<a href="###">联系我们 |</a>
				<a href="###">使用条款 |</a>
				<a href="###">隐私权政策 |</a>
				<a href="###">SUBWAY Partners™</a>
			</p>
			<div id="footer1">
				<p>SUBWAY® is a Registered Trademark of Subway IP Inc.</p>
				<p>®2016 Subway IP Inc.</p>
			</div>
		</div>
	</body>
	<script>
		// 下拉菜单
		function select() {
			var down_text = document.getElementById("down_text1");
			var thisChildren = down_text.children;
			down_text.onmouseover = function() {
				thisChildren[1].style.display = "block";
			}
			down_text.onmouseout = function() {
				thisChildren[1].style.display = "none";
			}

		}

		// 二维码
		function erWeiMa() {
			$("#footImg1").hover(function() {
				$("#erWei").css({
					display: "block"
				})
			}, function() {
				$("#erWei").css({
					display: "none"
				})
			})
		}

		// 下边图触发变色
		function hover() {
			var footImg = document.querySelectorAll("#foot>a>img")
			$("#foot>a>img").eq(0).hover(function() {
				footImg[0].src = "../../img/0441C3D1C41D58A11581CF0B7C4E718D.jpg"
			}, function() {
				footImg[0].src = "../../img/home-box-1_CN.jpg";
			})
			$("#foot>a>img").eq(1).hover(function() {
				footImg[1].src = "../../img/F381A46663B3CB1495F9F23B9C5EB276.jpg"
			}, function() {
				footImg[1].src = "../../img/home-box-2_CN.jpg";
			})
			$("#foot>a>img").eq(2).hover(function() {
				footImg[2].src = "../../img/95EB54105742D4D767334A3B99569ADC.jpg"
			}, function() {
				footImg[2].src = "../../img/home-box-3_CN.jpg";
			})
			$("#foot>a>img").eq(3).hover(function() {
				footImg[3].src = "../../img/weibo_CN_hover副本.jpg"
			}, function() {
				footImg[3].src = "../../img/weibo_CN.jpg"
			})
			$("#foot>a>img").eq(4).hover(function() {
				footImg[4].src = "../../img/weixin_CN_hover副本.jpg"
			}, function() {
				footImg[4].src = "../../img/weixin_CN.jpg"
			})
		}
		
		// 点击事件
		function click(){
			$("#right>img").eq(0).on("click",function(){
				$("#main").css("display","block");
				$("#main2").css("display","none");
				$("#main3").css("display","none");
				$("#main4").css("display","none");
				$("#QA").html("面积需求")
				$("#bg").css("width",520)
			})
			$("#right>img").eq(1).on("click",function(){
				$("#main").css("display","none");
				$("#main2").css("display","block");
				$("#main3").css("display","none");
				$("#main4").css("display","none");
				$("#QA").html("工程条件要求")
				$("#bg").css("width",480)
			})
			$("#right>img").eq(2).on("click",function(){
				$("#main").css("display","none");
				$("#main2").css("display","none");
				$("#main3").css("display","block");
				$("#main4").css("display","none");
				$("#QA").html("位置类型")
				$("#bg").css("width",520)
			})
			$("#right>img").eq(3).on("click",function(){
				$("#main").css("display","none");
				$("#main2").css("display","none");
				$("#main3").css("display","none");
				$("#main4").css("display","block");
				$("#QA").html("装修标准")
				$("#bg").css("width",520)
			})
		}
		
		
		
		window.onload = function() {
			select();
			erWeiMa();
			hover();
			click()
			
		}
	</script>

</html>